import React from 'react';
import { WingBlank, WhiteSpace } from 'antd-mobile'
import Level from '../../components/Level'
import './read.css'

const Message = (props) => {
    return (
        <div className="readMessage">
            <WhiteSpace />
            <WhiteSpace />
            <WhiteSpace />
            <WhiteSpace />
            <WingBlank size="lg">
                <p>
                    <span>
                        编号：
                    </span>
                    {props.message.username}
                </p>
            </WingBlank>
            <WhiteSpace />
            <WingBlank size="lg">
                <p>
                    <span>
                        姓名：
                    </span>
                    {props.message.truename}
                </p>
            </WingBlank>
            <WhiteSpace />
            <WingBlank size="lg">
                <p>
                    <span>
                        会员级别：
                    </span>
                    <Level leve={props.message.level} />
                </p>
            </WingBlank>
            <WhiteSpace />
            <WingBlank size="lg">
                <p>
                    <span>
                        注册时间：
                    </span>
                    {props.message.created_time}
                </p>
            </WingBlank>
            <WhiteSpace />
            <WingBlank size="lg">
                <p>
                    <span>
                        USDT地址：
                    </span>
                    {props.message.usdt_address}
                </p>
            </WingBlank>
        </div>
    );
}

export default Message;